import type { FC } from 'react'

import { IconProps } from '../types'

const TwitterIcon: FC<IconProps> = (p) => {
  return (
    <svg {...p}>
      <g clipPath="url(#clip0_6_2)">
        <path d="M21.6128 7.73C21.6274 7.93614 21.6274 8.14227 21.6274 8.35031C21.6274 14.6893 16.6743 22 7.61739 22V21.9962C4.94195 22 2.32208 21.2533 0.0697937 19.8455C0.458825 19.8911 0.849806 19.9139 1.24176 19.9149C3.45895 19.9168 5.61276 19.192 7.35706 17.8573C5.25005 17.8184 3.4024 16.4799 2.75694 14.5259C3.49502 14.6646 4.25553 14.6361 4.97997 14.4432C2.68283 13.9911 1.03018 12.0247 1.03018 9.74102C1.03018 9.72013 1.03018 9.70018 1.03018 9.68023C1.71464 10.0517 2.48101 10.2578 3.26492 10.2806C1.10136 8.87183 0.434449 6.06761 1.74097 3.87514C4.24091 6.87221 7.92939 8.69419 11.8889 8.88703C11.4921 7.22083 12.0342 5.47484 13.3134 4.30357C15.2966 2.48728 18.4157 2.58038 20.2799 4.5116C21.3827 4.29977 22.4396 3.90554 23.4068 3.34698C23.0392 4.45746 22.2699 5.40075 21.2422 6.00016C22.2182 5.88807 23.1718 5.63348 24.0698 5.24496C23.4087 6.2101 22.5761 7.05079 21.6128 7.73Z" />
      </g>
      <defs>
        <clipPath id="clip0_6_2">
          <rect width="24" height="25" />
        </clipPath>
      </defs>
    </svg>
  )
}

TwitterIcon.displayName = 'TwitterIcon'
TwitterIcon.defaultProps = {
  fill: 'currentColor',
  height: '24',
  width: '24',
  viewBox: '0 0 24 24',
  xmlns: 'http://www.w3.org/2000/svg',
}

export default TwitterIcon
